<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>layout 后台大布局 - Layui</title>
<link th:href="@{../layui/css/layui.css}" rel="stylesheet" />
</head>
<body>
	<div th:include="header :: right"></div> 	
	<div class="layui-body">
    <!-- 内容主体区域 -->
    <div style="padding: 53px 4px;"  >
	   <form class="layui-form" action="">
		  <div class="layui-form-item">
		    <label class="layui-form-label">结果ID：</label>
		    <div class="layui-input-block">
		      <input name="resultId" lay-verify="title"  autocomplete="off"  class="layui-input" type="text"/>
		    </div>
		    <label class="layui-form-label">任务ID：</label>
		    <div class="layui-input-block">
		      <input name="taskId" lay-verify="title"  autocomplete="off"  class="layui-input" type="text"/>
		    </div>
		  </div>
	  </form>
    	<table  class="layui-table" lay-skin="line">
				<thead>
					<tr> 
						<th>结果ID</th>
						<th>任务ID</th>
						<th>识别结果</th>
						<th>创建时间</th>
					</tr>
				</thead>
				<tbody>
					<th:block th:each="result : ${results}">
						<tr>
							<td th:text="${result.resultId}"></td>
							<td th:text="${result.taskId}"></td>
							<td th:text="${result.recognitionResult}"></td>
							<td th:text="${result.createTime}"></td>
						</tr>
					</th:block>
				</tbody>
			</table> 
    </div>
  </div>
  
  <div class="layui-footer">
    © layui.com - 底部固定区域
  </div>
  <script th:src="@{../layui/layui.js}"></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});

</script>	
	 
</body>
</html>